<route lang="json5" type="page">
// @formatter:off
{
  style: {
  navigationBarTitleText: '%pages.index.index.title%'
    // navigationStyle: 'default', // custom default
  }
}
// @formatter:on
</route>

<script setup lang="ts">
import { useI18n } from '@/hooks/useI18n'

const { t, setLocale } = useI18n()
const calendarData = ref<number>(Date.now())

const list = ref([
  {
    about: t('about', 'text'),
  },
])
</script>

<template>
  <button @click="setLocale">{{ t('nowLocale') }}</button>
  <!-- 底部作者信息 -->
  <view class="m-auto mt-10rpx w-60% opacity-60">
    <wd-divider>{{ t('authorText') }}</wd-divider>
  </view>
  <view v-for="item in list" :key="item.about" class="mt-10rpx w-100vw flex justify-center font-size-28rpx opacity-60">
    {{ item.about }}
  </view>
  <view class="mt-40rpx w-100vw">
    <wd-calendar v-model="calendarData" :label="t('calendarLabel')" />
  </view>
</template>
